<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="renderer" content="webkit">
		<title>Orun 快乐跑 - 让奔跑更有趣</title>
		<link rel="stylesheet" href="statics/css/lib/swiper.min.css" />
		<link rel="stylesheet" href="statics/css/orun3/global.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_291365_7gidnx6979zfr.css" />
		<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
		<script type="text/javascript" src="statics/js/orun_index/orun3_global.js"></script>		
		<script>
			// rem布局
			(function(win,doc){
			    function change(){
			        var a = doc.documentElement.clientWidth/375*20;
			    	if(a>40)a=40;
			        doc.documentElement.style.fontSize=a+'px';
			    }
			    change();
			    win.addEventListener('resize',change,false);
			})(window,document);
		</script>
	</head>
	<body>		
		<div class="mab_re">
			<div id="mHead">
				<nav class="mNav clearfloat">
					<div class="fl flex-row flex-baseline">
						<a class="mLogo" href="javascript:;"></a>
						<span class="mLogoNav">关于我们</span>
					</div>
					<button id="mNavbarBtn" type="button" class="navbar-toggle fr">
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
				    <div class="fl">
				    	<div id="mNavbarCon" class="navbar-mcollapse hide">          
					        <ul class="mnavbar-nav navbar-right">
					        	<li class="closeBtn">
					            	<a class="csdafont sicon-delete2" href="javascript:;"></a>
					            </li>
					            <li>
					            	<a href="orun3_mIndex.html">首页</a>
					            </li>
					            <li class="active">
					            	<a href="orun3_mPro.html">快乐跑产品</a>
					            </li>
					            <li>
					            	<a href="orun3_mDownload.html">微信</a>
					            </li>
					            <li>
					            	<a class="active" href="orun3_maboutUs.html">关于我们</a>
					            </li>
					        </ul>
					    </div>
				    </div>   
				</nav>
			</div>
			<img src="statics/images/orun3/mAboutUs_bg.png"/>
		</div>
		<div class="mab_swiper-top">
  			<div class="mab_swiper-top-wrapper">
			    <div class="mab_swiper-itme mab_swiper-itme-active">关于快乐跑</div>
			    <div class="mab_swiper-itme">商务合作</div>
			    <div class="mab_swiper-itme">合作模式</div>
			    <div class="mab_swiper-itme">联系我们</div>
		  	</div>
		  	
		</div>
		<div class="swiper-container mab_swiper-con">
  			<div class="swiper-wrapper">
			    <div class="swiper-slide">
			    	<p>快乐跑（北京）体育科技有限公司是一家新型互联网体育科技公司，专注于群体性休闲体育内容及相关赛事活动、体验式旅游等文化体育项目，进行商业策划、开发、拓展和运营。</p>
			    	<p>公司所研发的快乐跑APP为国内领先的线上定向运动APP，其呈现的运动方式新颖、简单有趣，可融入多种文体旅主题，适用人群广泛，是一项非常适合大众的群体性休闲娱乐健身运动。目前已与国内一些知名企业建立合作，组织开展各种主题快乐跑运动及赛事活动。</p>
			    </div>
			    <div class="swiper-slide">
			    	<p>快乐跑是将线上虚拟场景与线下真实场景相融合的一种互联网体育全新解决方案。提供以定向运动为表现形式的企业服务、团队拓展、赛事组织、体育营销等服务。</p>
			    	<p>优势：</p>
			    	<p>
			    		依托网络及智能手机设备，结合真实场景和活动环节的趣味性故事环节设计，让活动组织更加便捷、活动成本大幅降低，是一项趣味性的、体验式的、互动性的娱乐休闲运动。<br />
 						覆盖全国上千个场所，近两千条快乐跑定向线路，参与者只需一部手机，即可随时随地参与到快乐跑活动中来，体验奔跑的乐趣。<br />
 						活动形式多样，可进行挑战赛、积分赛、室内定向、团体赛等形式的活动；可设置亲子、企业文化、交友、娱乐等多种类主题。成绩排名实时显示，提升参与者的竞争意识。</p>
			    </div>
			    <div class="swiper-slide">
			    	<p>
			    		1、“劳动者杯”国际定向悦跑巡回赛赛事招商、合作、分站赛赛事承办<br />
						2、快乐跑运动渠道及代理商加盟合作<br />
						3、企业团建及拓展合作<br />
						4、其他合作<br />
			    	</p>
			    </div>
			    <div class="swiper-slide">
			    	电话:010-67780366;010-67765066<br />
					邮箱：zhangbo@csdamedia.com；chenzhou@csdamedia.com<br />
					微信：sportschina-app<br />
					
					地址：北京市朝阳区广渠路唐家村5号2号楼2-3层<br />
			    </div>
		  	</div>
		  	<div class="swiper-scrollbar"></div>
		</div>
		<div class="opa">
			<div class="openBrowser"></div>
		</div>
		<div style="display: none">
			<script>
				var _hmt = _hmt || [];
				(function() {
				  var hm = document.createElement("script");
				  hm.src = "https://hm.baidu.com/hm.js?967359526fca29be4d18e53fe242fbcc";
				  var s = document.getElementsByTagName("script")[0]; 
				  s.parentNode.insertBefore(hm, s);
				})();
			</script>
		</div>	
		<script src="statics/js/libs/swiper.min.js"></script>
		<script>			
			$(function(){
				var swiperTitleTop = $('.mab_swiper-top-wrapper').offset().top;
				
				$(window).scroll(function() {
					var scrollH = $(window).scrollTop();
				  if(scrollH>swiperTitleTop){
				  	$('.mab_swiper-top-wrapper').css('position', 'fixed');
				  	$('.mab_swiper-con>.swiper-scrollbar').addClass('swiper-scrollbar-sp')
				  									  .removeClass('swiper-scrollbar')
				  } else {
				  	$('.mab_swiper-top-wrapper').css('position', 'absolute');
				  	$('.mab_swiper-con>.mab_swiper-scrollbar-sp').addClass('swiper-scrollbar')
				  									  .removeClass('swiper-scrollbar-sp')
				  }
				});
				
				//安卓wx遮罩层
					//判断是否是ios wx
				var isIos = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
				var isWx = navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == "micromessenger";
				
				if(isIos){
				    downloadUrl = 'http://www.orunapp.com/dl/ios';
				    $('.download').attr('href', downloadUrl);  
				}else{
				    if(isWx){   
					    $('.download').on('touchstart', function(){
					        $('.opa').css('display',"block");
					    })   
					}else{
					    downloadUrl = 'http://www.sportchina.org.cn/dl/android';
					    $('.download').attr('href', downloadUrl);
					}
				}
			})
			var swiper = new Swiper('.mab_swiper-con',{
				scrollbar: '.swiper-scrollbar',//滚动条class
				scrollbarHide : false,//滚动条一直显示
				onSlideChangeStart: function(swiper){
					//动画开始的回调，设置上边标题
					$('.mab_swiper-itme').eq(swiper.activeIndex).addClass('mab_swiper-itme-active').siblings().removeClass('mab_swiper-itme-active');
				}
			});
			//点击标题swiper切换页面
			$('.mab_swiper-itme').on('click', function(){
				var index = $(this).index();
				$(this).addClass('mab_swiper-itme-active').siblings().removeClass('mab_swiper-itme-active');
				swiper.slideTo(index, 500, false);//切换到第一个slide，速度为1秒
			})
		</script>
	</body>
</html>
